<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>我的预约 - 五四宪法历史资料陈列馆</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/common.js"></script>
</head>
<body>
<div class="main">
    <div class="top">
        <a class="back" href="javascript:history.back(-1)"><img src="static/image/left.png" alt="">返回</a>
        我的预约
        <a  href="tuichu" class="right">退出</a>
<!--        <a  href="personal" class="right" style="margin-right:0px;">个人信息</a>-->
    </div>
    <div class="my_order container">
        <div class="orderlist_type">
            <a class="exhi " href="/orders?mobile={$Think.session.mobile}">展馆预约列表</a>
            <a class="act select" href="/my_active?mobile={$Think.session.mobile}">活动预约列表</a>
        </div>
        {foreach $active as $k=>$val}
        <div>
            <div class="top_time">

                <span>“五四宪法”历史资料陈列馆 </span>
                {if $val['status'] == 1}
                     <a href="javascript:;" class="fr">预约中</a>
                    {else/}
                     <a  class="fr finish">取消预约</a>
                 {/if}
            </div>
            <div class="detail">
                {if $val['status'] == 1}
                    <a href="/active_find?id={$val.id}" class="fr">查看</a>
                {else/}
                    <a  class="fr finish">已取消</a>
                {/if}

                <div class="order_d">
                    <p class="name"> {$val.active.title}</p>
                    <p class="time">活动时间：{$val.active.day}  {$val.active.timer}——{$val.active.endday} {$val.active.timer}</p>
                </div>
            </div>
        </div>
        {/foreach}
    </div>
</div>
<script>
    $('.orderlist_type>a').click(function() {
        $(this).addClass('select').siblings('a').removeClass('select');
    })
</script>
</body>
</html>